<%--
  Created by IntelliJ IDEA.
  User: kangx
  Date: 2020/8/10
  Time: 10:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>成绩单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="${AppPath}/css/font.css">
    <link rel="stylesheet" href="${AppPath}/css/index.css">
    <script src="${AppPath}/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="${AppPath}/js/index.js"></script>
</head>
<body>
<div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">成绩查询</a>
<%--            <a><cite>导航元素</cite></a>--%>
          </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <br/>

                <%--        定义一个表格--%>
                <div class="layui-card-body layui-table-body layui-table-main">
                    <table class="layui-table layui-form" id="table_id" lay-filter="dataTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

<script>
    layui.use(['form','table'], function(){
        var table = layui.table;

        // 生成表格
        table.render({
            id:"dataTable",//
            elem: '#table_id',//指定表格元素
            url: '${AppPath}/score/findStuScore',  //请求路径
            cellMinWidth: 10//全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,skin: 'line ' //表格风格 line （行边框风格）row （列边框风格）nob （无边框风格）
            ,even: true    //隔行换色
            ,method:'post'  //提交方式
            ,cols: [[
                {
                    title :'成绩单',
                    align:'center',
                    colspan:'10',
                    rowspan:'1'
                },
            ], [
                // {type:'checkbox'}, //开启多选框
                {
                    title: '序号',
                    type: 'numbers'
                },

                {
                    field: 'courseName', //json对应的key
                    title: '课程',   //列名
                    sort: false,   // 默认为 false,true为开启排序
                    templet:'<div>{{d.courseId.courseName}}</div>'//读出外键关系的对象
                },
                {
                    field: 'courseAttribute', //json对应的key
                    title: '课程类别',   //列名
                    sort: false,   // 默认为 false,true为开启排序
                    templet:'<div>{{d.courseId.courseAttribute}}</div>'//读出外键关系的对象
                },
                {
                    field: 'courseTotal', //json对应的key
                    title: '总学时',   //列名
                    sort: false,   // 默认为 false,true为开启排序
                    templet:'<div>{{d.courseId.courseTotal}}</div>'//读出外键关系的对象
                },
                {
                    field: 'courseScore', //json对应的key
                    title: '学分',   //列名
                    sort: false,   // 默认为 false,true为开启排序
                    templet:'<div>{{d.courseId.courseScore}}</div>'//读出外键关系的对象
                },
                {
                    field: 'scoreNum', //json对应的key
                    title: '成绩',   //列名
                    // edit:'text',
                    sort: false   // 默认为 false,true为开启排序
                },
            ]]

        })

    });

</script>
</html>
